﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}

/*首页公用*/
.tit1{ height:98px; overflow:hidden; font:26px "Microsoft Yahei"; font-weight:bold; color:#e62129; background:url(Img/Index/jg_line.gif) no-repeat left top; padding-left:32px;}
.tit1 em{ display:block; font:18px Arial, Helvetica, sans-serif; color:#b4b4b4; text-transform:uppercase;}
.tit1 span a{ font:14px "Microsoft Yahei"; color:#585858; padding-top:50px; display:inline-block;}


/**/
.banner a{ display:block; background:url(Img/Index/banner.jpg) no-repeat center top; height:472px; overflow:hidden;}

  /**/
.banners{height: 472px;}
.fullSlide {width:100%;position:relative;height:727px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {background-repeat: no-repeat;width:100% !important;height:727px;overflow:hidden;text-align:center;background-position:center top;}
.fullSlide .bd li a {display:block;height:727px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:40px;left:0;height:40px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;border-radius: 10px; transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s;
                  -moz-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Firefox 4 */
                  -webkit-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Safari and Chrome */
                  -o-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Opera */
                   display:inline-block;*display:inline;zoom:1;width:15px;height:15px;margin:6px;overflow:hidden;background:#fff;line-height:999px;}
.fullSlide .hd ul .on {background:#e62129;width:30px;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:73px; height:73px;}
.fullSlide .prev{ background:url(img/banLeft.png) no-repeat; }
.fullSlide .next {left:auto;right:5%;background:url(img/banRight.png) no-repeat;}


.pro {
  padding: 100px 0 20px;
}

.pro_l {
  float: left;
  width: 318px;
  padding: 38px 20px 0;
  background: #0253a5;
  height: 714px;
  border-radius: 5px 0 0 5px;
  box-sizing: border-box;
}
.pro_r {
  float: right;
  width: 1032px;
}
.pro_l h2 {
  font-weight: normal;
  display: block;
  height: 104px;
  border-bottom: 1px solid #3692ef;
}
.pro_l h2 span {
  display: block;
  font-size: 38px;
  color: #ffffff;
  line-height: 100%;
  font-weight: 500;
  position: relative;
  text-align: center;
}
.pro_l h2 i {
  display: block;
  font-size: 16px;
  line-height: 16px;
  color: #a0caf5;
  margin-top: 12px;
  text-align: center;
}
.pro_l li {
  display: block;
  height: 88px;
  overflow: hidden;
  position: relative;
  padding-top: 24px;
  box-sizing: border-box;
  border-bottom: 1px solid #3692ef;
}

.pro_l li span {
  display: block;
  font-size: 20px;
  line-height: 20px;
  color: #ffffff;
  font-weight: 500;
  float: left;
}

.pro_l li span em {
  display: block;
  font-size: 14px;
  line-height: 14px;
  color: #9cc5ee;
  padding-top: 10px;
  text-transform: uppercase;
  font-family: "OPPOSANS-B";
  font-weight: normal;
}
.pro_l li i {
  display: block;
  float: right;
  width: 33px;
  height: 21px;
  line-height: 19px;
  border: 1px solid #66aef7;
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-family: Arial;
  margin-top: 12px;
  transition: all 0.5s;
}
.pro_s {
  position: relative;
}
.pro_s .sprev {
  position: absolute;
  left: 5px;
  top: 222px;
  width: 22px;
  height: 91px;
  cursor: pointer;
}
.pro_s .snext {
  position: absolute;
  right: 5px;
  top: 222px;
  width: 22px;
  height: 91px;
  cursor: pointer;
}
.pro_z ul {
  border-left: 1px solid #e6e6e6;
}
.pro_z li {
  display: block;
  width: 171.8px;
  height: 176px;
  overflow: hidden;
  position: relative;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  box-sizing: border-box;
  float: left;
}
.pro_z li i {
  display: block;
  float: left;
  width: 132px;
  height: 176px;
  overflow: hidden;
}
.pro_z li i img {
  display: block;
  width: 132px;
  height: 176px;
transition: all 1s linear 0s;
}
.pro_z li span {
  display: block;
  margin-left: 24px;
  font-size: 20px;
  line-height: 20px;
  color: #333;
  padding-top: 56px;
  float: left;
}
.pro_z li span em {
  display: block;
  font: 14px "Microsoft Yahei";
  color: #999999;
  line-height: 16px;
  /*text-transform: uppercase;*/
  padding-top: 10px;
  font-family: "OPPOSANS-M";
}
.pro_z li span b {
  display: block;
  width: 33px;
  height: 21px;
  line-height: 19px;
  border: 1px solid #808a94;
  box-sizing: border-box;
  border-radius: 5px;
  text-align: center;
  font-size: 16px;
  color: #808a94;
  font-family: Arial;
  margin-top: 12px;
  transition: all 0.5s;
  font-weight: normal;
}







.jg{ height:714px;/* margin-top:50px; */overflow:hidden; position:relative;}
.jg dl{ width:1031px; border:1px solid #e3e3e3; background:#f7f7f7; /*height:607px; */border-bottom:1px solid #cfcfcf; float:left; overflow:hidden;}
.jg dt{ width:1029px; height:538px; overflow:hidden;}
.jg dt img{ width:100%; height:100%;}
.jg dd{ width:550px; margin: 60px 40px;position: absolute;}
.jg dd h3 a{ display:block; font:32px "Microsoft Yahei"; height:72px; line-height:72px; font-weight:bold; color:#323232; /*background:url(Img/Index/jg_jt.gif) no-repeat 165px center; */overflow:hidden;margin-left: 30px;}
.jg dd p{ font:16px "Microsoft Yahei"; color:#7f7f7f; line-height:25px;margin: 30px auto auto 30px;}
/*
.jg ul{ width:696px; float:right;margin-top:30px;}
.jg li{ width:328px; height:294px; float:left; overflow:hidden; display:inline; margin:0 0 24px 20px; position:relative;}
.jg li img{ width:100%; height:100%; display:block; border:1px solid #e3e3e3;}
.jg li em{ display:block; font:14px "Microsoft Yahei"; text-align:center; color:#fff; width:328px; background:url(Img/alp.png); height:35px; line-height:35px; overflow:hidden; position:absolute; bottom:0; left:0;}
.jg h4{/* width:561px; height:36px; overflow:hidden; position:absolute; top: 674px; left:30px;*/}*/
/*.jg h4 a{ display:inline-block; width:128px; font:16px "Microsoft Yahei"; text-align:center; height:34px; line-height:34px;  background:#fff; border:1px solid #cacaca; color:#565656; margin-right:5px;}
.jg h4 a.cur{ color:#fff;border:1px solid #e62129; background:#e62129;}*/

.ld{ height:905px; padding-top:28px; overflow:hidden; background:#f7f7f7;}
.ld .content{ position:relative;}
.ld .tit1{ background:url(Img/Index/ld_line.gif) no-repeat left top;}
.ld dl{ height:414px; border:1px solid #e3e3e3; background:#fff; margin-bottom:38px; overflow:hidden;}
.ld dt{ width:652px; height:414px; border-right:1px solid #e3e3e3; float:left; overflow:hidden;}
.ld dt img{width:652px; height:414px;}
.ld dd{ width:650px; float:right; padding-top:50px;}
.ld dd h3 a{ display:block; font:26px "Microsoft Yahei"; height:72px; line-height:72px; font-weight:bold; color:#323232; background:url(Img/Index/ld_jt.gif) no-repeat 145px center; overflow:hidden;}
.ld dd p{ font:14px "Microsoft Yahei"; color:#7f7f7f; line-height:26px; width:580px;}
.ld h4{ width:500px; height:36px; overflow:hidden; position:absolute; top:385px; left:697px;}
.ld h4 a{ display:inline-block; width:128px; font:16px "Microsoft Yahei"; text-align:center; height:34px; line-height:34px; color:#565656; background:#fff; border:1px solid #cacaca;margin-right:5px;}
.ld h4 a.cur{ color:#fff; background:#e62129; border:1px solid #e62129;}
.ld li{ width:316px; height:325px; float:left; overflow:hidden; display:inline;  position:relative;}
.ld li img{ width:100%; height:100%; display:block; border:1px solid #e3e3e3;}
.ld li em{ display:block; font:14px "Microsoft Yahei"; text-align:center; color:#fff; width:316px; background:url(Img/alp.png); height:35px; line-height:35px; overflow:hidden; position:absolute; bottom:0; left:0;}
.ld .nones{ margin-right:0;}


.tabcatcp li:nth-child(4n+2) {
  margin-left: 2%;
  margin-right: 2%;
}

.tabcatcp li:nth-child(4n) {
  float: right;
}


.light{ /*height:760px;*/ margin-top:30px; overflow:hidden; position:relative;margin-bottom:70PX;}
.light .tit1{ background:url(Img/Index/light_line.gif) no-repeat left top;}
.light h4{ font:14px "Microsoft Yahei"; color:#7f7f7f; width:700px; text-align:right; height:28px; line-height:28px; position:absolute; right:0; top:20px;}
.light h4 a{ color:#7f7f7f; display:inline-block; padding:0 6px;}
.light h4 a:hover{ color:#e62129;}
.light h4 a.a02{ color:#e62129; border:1px solid #e62129; display:inline-block; height:20px; line-height:20px;}
.light dl{ height:296px; width:663px; background:#f7f7f7; margin-left:10px;margin-bottom:14px; border:1px solid #e3e3e3; overflow:hidden;}
.light dt{ width:286px; height:296px; float:left;}
.light dt img{width:286px; height:325px;}
.light dd{ width:325px; float:right; padding-top:40px;}
.light dd h3 a{ display:block; font:18px "Microsoft Yahei"; height:62px; line-height:62px; font-weight:bold; color:#323232; overflow:hidden;}
.light dd p{font:14px "Microsoft Yahei"; color:#7f7f7f; line-height:23px; width:290px;height:138px;overflow:hidden;}
.light dd span a{ display:block; font:14px "Microsoft Yahei"; text-align:center; width:104px; height:27px; color:#e62129; border:1px solid #e62129; margin-top:10px; line-height:27px;}

.qt{ height:520px; padding-top:30px; background:#f7f7f7; overflow:hidden;}
.qt dl{ height:131px; border:1px solid #e3e3e3; background:#fff; overflow:hidden; margin-bottom:36px;}
.qt dt{ width:170px; float:left; padding-right:20px; height:131px; text-align:center;  font:30px "Microsoft Yahei"; color:#fff; background:#e62129 url(Img/Index/qt_t.gif) no-repeat right top;line-height:131px;}
.qt dd{ width:1000px; height:131px; float:right; overflow:hidden;}
.qt dd p{ font:14px "Microsoft Yahei"; line-height:36px; color:#737373; margin-top:25px;}
.qt dd p a{ color:#737373; display:inline-block; padding:0 12px;}
.qt dd p a.a02{ color:#e62129; border:1px solid #e62129; line-height:20px;}
.qt li{ width:316px; height:298px; float:left; overflow:hidden; display:inline; position:relative;}
.qt li img{ width:100%; height:100%; display:block; border:1px solid #e3e3e3;}
.qt li em{ display:block; font:14px "Microsoft Yahei"; text-align:center; color:#fff; width:316px; background:url(Img/alp.png); height:35px; line-height:35px; overflow:hidden; position:absolute; bottom:0; left:0;}
.qt .nones{ margin-right:0;}

.case_litle{
	width:13%;
	float:left;
	margin-top: 88px;
}
.case_content{
	width:75%;
	float: right;
}

.project_case {

  font: 30px "Microsoft Yahei";
    font-weight: normal;
  text-align: center;
  font-weight: bold;

}
.project_case em {
  display: block;
  font: 30px Arial, Helvetica, sans-serif;
  color: #323232;
  text-transform: uppercase;
}
.project_case a {
  color: #323232;
  text-decoration: none;
}

.case_content .caset li {
 /* width: 80px;*/
  font: 18px "Microsoft Yahei";
    line-height: normal;
  text-align: center;
  /*line-height: 50px;*/
 /* height: 113px;*/
  /*background: url(Img/Index/case_line2.gif) no-repeat right top;*/
  float: left;
  /*margin-right: 20px;*/
}
.case_content h4 {
  width: 118px;
  height: 34px;
  overflow: hidden;
  position: absolute;
 /* top: 40px;*/
  right: 38px;
}

.case_content .caset {
  height: 50px;
  margin-top: 88px;
  overflow: hidden;
  float: right;
margin-bottom: 80px;
width:100%
 /* background: url(Img/Index/case_bg1.gif) repeat-x center top;*/
}

 /*.case_content ul{float:right;
	
}*/


.casebottom{
  margin-top: 30px;
}

.casebottom li {
  width: 324px;
  float: left;
  margin-bottom: 110px;
  
    background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 22px rgba(0,0,0,.1);
  box-sizing: border-box;
  cursor: pointer;
  height: 100%;
  padding: 1%;
}

.casebottom li img{
  width: 100%;
  height: 100%;

}

.casebottom .caselist_title{
	margin: 15px auto 5px auto;
}


.casetabcatcp li:nth-child(3n+2) {
  margin-left: 2%;
  margin-right: 2%;
}

.casetabcatcp li:nth-child(3n) {
	float:right;
}

.casetabcatcp li .Pic {
  width:304px;
  height: 222px;
  display: block;
  overflow: hidden;
}

.casetabcatcp li em {
  font-size: 16px;
  color: #333333;
  font-weight: normal;
}

/*首页产品开始*/
.proslideGroup {
  padding: 20px 0 0px;
}

.slideGroup {
	margin:0 auto;
	width: 1350px;
	height: 100%;
}

.slideGroup .parHd {margin: 0 auto;border-radius:30px;overflow: hidden;height: 60px;margin-top: 32px;margin-bottom: 42px;background: #e3e3e5;}
.slideGroup .parHd  ul li{display: block;float: left; width: 8.33%;height: 60px;line-height: 60px;text-align: center;font-size: 18px;color: #333;}
.slideGroup .parHd  ul li a:hover {
 background: #3f75e0;color: #fff;}
 .slideGroup .parHd  ul li .on a:hover {
 background: #3f75e0;color: #fff;}
.slideGroup .parHd  ul li:hover {background: #3f75e0;color: #fff;}
.slideGroup .parHd ul li.on {height: 60px;background: #003399;color: #fff;}
/*
.slideGroup .parHd {
	position: relative;
	height: 100px;
	line-height: 100px;
	padding: 0 20px;
}

.slideGroup .parHd ul {
	display:table; margin:0 auto;
}

.slideGroup .parHd ul li {
	float: left;
	padding: 0 15px;
	cursor: pointer;
}

.slideGroup .parHd ul li.on {
	height: 30px;
	background: #fff;
	color: green;
}
*/
.slideGroup .slideBox {
	overflow: hidden;
	zoom: 1;
	padding: 10px 0 10px 100px;
	position: relative;
}

.slideGroup .sPrev,
.slideGroup .sNext {
	position: absolute;
	left: 5px;
	top: 50px;
	display: block;
	width: 54px;
	height: 385px;
	background: url(../index_files/icoLeft.png) center center no-repeat;
}

.slideGroup .sNext {
	left: auto;
	right: 5px;
	background: url(../index_files/icoRight.png) center center no-repeat;
}

.slideGroup .parBd ul {
	overflow: hidden;
	zoom: 1;
}

.slideGroup .parBd ul li {
	margin: 0 8px;
	float: left;
	width: 1150px;
	position: relative;
}

.slideGroup .parBd ul li .pic {
	text-align: center;
}

.slideGroup .parBd ul li .pic img {
	width: 750px;
	height: 485px;
	display: block;
	padding: 2px;
}


.slideGroup .parBd ul li .description {
	position: absolute;
	width: 390px;
	height: 245px;
	background: #372d2b;
	padding: 20px 10px 10px 20px;
	top:120px;
	left: 720px;
	color:#fff
}
.slideGroup .parBd ul li .description h4{
	color: #cca552;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
}

.slideGroup .parBd ul li .description p {
  font: 14px "Microsoft Yahei";
    line-height: normal;
  	color:#fff;
  line-height: 23px;
  overflow: hidden;
}
.slideGroup .parBd ul li .description a{
	color: #fff;
	float: right;
	margin-top: 10px;
	background: #7c0002;
	border-radius: 5px;
	padding: 3px 10px;
}



/*首页产品结束*/

/*首页产品开始*/
.wrapper { width: 100%; margin: 0 auto; position: relative; }
#home_page { width: 100%; height: 714px; background: #fff; overflow: hidden; position: relative; border: 1px solid #e3e3e3;}
#banner_img { display: block; position: relative; }
    #banner_img li { position: absolute; top: 0; left: 0; width: 100%; height: 714px; background-position: center; background-size: cover; display: none; }
        /*设置背景图片-------开始*/
        #banner_img li.item1 { background-image: url(../index_files/introduce.jpg); display: block; }
        #banner_img li.item2 { background-image: url(../index_files/Img/Index/index_footer.jpg); }
        #banner_img li.item3 { background-image: url(../index_files/introduce.jpg); }
        #banner_img li.item4 { background-image: url(../index_files/introduce.jpg); }
        #banner_img li.item5 { background-image: url(../index_files/introduce.jpg); }
        #banner_img li.item6 { background-image: url(../index_files/introduce.jpg); }
        #banner_img li.item7 { background-image: url(../index_files/introduce.jpg); }
        #banner_img li.item8 { background-image: url(../index_files/introduce.jpg); }
    /*设置背景图片--------结束*/
    #banner_img .ad_img { position: absolute; right: 10px;  width: 100%; height: 741px;}
	  #banner_img .ad_img img{  width: 100%; height: 100%; }
    #banner_img .ad_txt { position: absolute;left: 180px; top: 170px; color: #fff; text-shadow: 1px 1px rgba(51,51,51,0.3); }
        #banner_img .ad_txt h2 { font: bold 36px/60px Microsoft YaHei; }
        #banner_img .ad_txt a { display: block; width: 100px; height: 25px; line-height: 25px; text-align: center; margin-top: 10px; background: #fff; color: #666; text-decoration: none; text-shadow: none; }
#banner_ctr { position: absolute; width: 930px; height: 122px; margin-left: -480px; left: 50%; bottom: 40px; z-index: 1; background-color: #0253a5;
border-radius: 20px 0 0 20px;}
    #banner_ctr ul { width: 960px; height: 122px; background: url(../index_files/serv_ico.png) center no-repeat; font-size: 0; line-height: 0; position: relative; }
    #banner_ctr li { display: block; float: left; width: 115px; height: 122px; cursor: pointer;}
        #banner_ctr li.first-item { background: #0253a5; width: 20px; -webkit-border-radius: 20px 0 0 20px; -moz-border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px; cursor: default; }
        #banner_ctr li.last-item { background: #0253a5; width: 20px; -webkit-border-radius: 0 20px 20px 0; -moz-border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0; cursor: default; }
#drag_ctr { position: absolute; top: -14px; left: 20px; width: 115px; height: 156px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; bottom: 170px; background: #0084cf; }
#drag_arrow { position: absolute; top: -14px; left: 20px; width: 115px; height: 156px; background: url(../index_files/drag_banner_arrow.png) center 14px no-repeat; }



/*首页产品结束*/





/*公司简介开始*/
.main-introduce{
	box-sizing: border-box;
	width:100%;
	min-height:100vh;
	height: 100vh;
	display: flex;
	/* justify-content: center; */
	margin: 0 auto;
}
.logo-group{
	box-sizing: border-box;
	background: #dcba86;
	height: 100%;
	/* width: 30%; */
	transition:2s;
	-moz-transition: 2s; /* Firefox 4 */
	-webkit-transition: 2s; /* Safari 和 Chrome */
	-o-transition: 2s; /* Opera */
	width: 0;
}
.logo-group img{
	margin:3em;
	opacity: 0;
	transition:2s;
	-moz-transition: 2s; /* Firefox 4 */
	-webkit-transition: 2s; /* Safari 和 Chrome */
	-o-transition: 2s; /* Opera */
}
.desc-group{
	position: relative;
	width: 70%;
	height: 100%;
	background: #fff;
}
.desc-group .color-blod{
	position: absolute;
	width:0;
	height: 100vh;
	background: #747373;
	animation: to-right 2s cubic-bezier(0.71,0.04,0.4,0.92)forwards;
}
@keyframes to-right {
	0%{
		left:0;
		width: 0;
	}
	50%{
		left:0;
		width: 100%;
	}
	100%{
		left:100%;
		width: 0;
	}
}

.desc-group .box-group{
	position:absolute;
	height: 40%;
	left:28vw;
	top:20vh;
	opacity: 0;
	transition:2s;
	-moz-transition: 2s; /* Firefox 4 */
	-webkit-transition: 2s; /* Safari 和 Chrome */
	-o-transition: 2s; /* Opera */
width: 850px;
}
.desc-group .box-group h2{
	font-size: 5rem;
	margin-bottom: 3rem;
	color: #c99035;
	font-weight: 300;
}
.desc-group .box-group p{
	margin-left:0.5rem;;
	font-size: 1.2rem;
	padding-right: 20rem;
	color: #747373;
	font-weight: 300;
	line-height: 32px;
}
.desc-group .box-group a{
	display: inline-block;
	margin-top:4rem;
	font-size:1rem;
	color: #747373;
	border:1px solid #747373;
	border-radius: 6px;
	padding:5px 30px;
}
.main-introduce .pic{
	margin-top:154px;
	position: absolute;
	z-index: 1;
	left:15vw;
	/* top:20vh;*/
	width: 40vw; 
	height: 60vh;
	background: url('../index_files/introduce.jpg') no-repeat;
	
	
	width: 0;
	
	background-size: cover;
	box-shadow: 7px 29px 49px 0px rgba(0,0,0,.3);
	transition:1s;
	-moz-transition: 1s; /* Firefox 4 */
	-webkit-transition: 1s; /* Safari 和 Chrome */
	-o-transition: 1s; /* Opera */
}
.main-introduce .pic img{
	width:614.4px;
	height:430px;
	
	
	
}

@media screen and (max-width:850px){
	.main-introduce{
		display: block;
	}
	.logo-group{
		/* width: 100% !important; */
		height: auto;
		text-align: center;
	}
	.logo-group img{
		margin: 1em auto;
	}
	.desc-group{
		width: 100%;
		height: auto;
	}
	.main-introduce .pic{
		/* display: none; */
		position: relative;
		left: 0;
		top:0;
		/* width: 100% !important; */
		height: 30vh;
	}

	.desc-group .box-group{
		position: unset;
		padding:1em;
		left: 0;
    	top: 0;
	}
	.desc-group .box-group p{
		margin:0;
		padding:0;
	}
	.desc-group .box-group a{
		box-sizing: border-box;
		width:100%;
		text-align: center;
	}
}



/*公司简介结束*/


/*核心优势开始*/

.Choices_text{ width:740px; height:274px; }

.Choices_head:before,.Choices_head:after{content: ''; position: absolute;top: 30px;background: #FFF;width:265px;height: 2px;}
.Choices_head:before{ left:175px;}
.Choices_head:after{ right:175px;}

.Choices_content{ width:740px; height:274px; float:left; margin-left:3px;}
.Choicesnext{ width:38px; height:37px; float:left; margin-left:575px; margin-top:24px; cursor:pointer;}
.Choices_banner{ width:740px; height:274px; float:left; margin-top:39px; overflow: hidden;}
.Choices_banner ul{ width: 12000px;  overflow: hidden;}
.Choices_banner ul li{ width:1184px; height:399px; float:left;}
.Choices_left{ width:210px; height:260px; float:left;}
.Choices_left img{width:100%; height:100%;}
.Choices_right{ width:400px; height:260px; float:left; background-color: rgb(252, 252, 252)}
.Choices_right h1{ width:400px; height:30px; line-height:30px; float:left; text-align:center; font-size:28px; margin-top:20px; color:#464646;}
.Choices_right h2{ width:400px; height:30px; line-height:30px; float:left; text-align:center; font-size:28px; margin-top:10px; color:#464646;}
.Choices_right p{ width:350px; height:70px; float:left; margin-left:20px;  font-size:18px; color:#606060; margin-top:20px;line-height: 26px;}
.Choicesbut{ width:197px; height:49px; float:left; border:1px solid #bfbfbf; background-color:rgba(255,255,255,0.7); text-align:center; line-height:49px; color:#606060; font-size:22px; margin-left:101px; margin-top:57px;}
.Choicestel{ width:575px; height:38px; text-align:center; line-height:38px; font-size:36px; float:left; font-family:"Arial"; overflow:hidden; color:#FFF; margin-top:25px;
-webkit-user-select:none;/*谷歌 /Chrome*/
-moz-user-select:none; /*火狐/Firefox*/
-ms-user-select:none;    /*IE 10+*/
user-select:none;}
.Choicestel ul{ width:12000px; overflow:hidden;}
.Choicestel ul li{ width:575px; height:38px; float:left;color: #0253a5;}
/*核心优势结束*/


.Company_sm {
  height: 707px;
  margin-top: 100px;
  background: url(Img/Index/about.jpg) no-repeat center 100%;
  overflow: hidden;
  margin-bottom: 100px;
}
.Company_sm0 {
  margin-top: 32px;
  background: url(Img/Index/so_bg.jpg) no-repeat center 100%;
  overflow: hidden;
  margin-bottom: 100px;
padding: 120px 0 0;
height: 707px;
box-sizing: border-box;
  
}

.so h2 span {
  font-size: 40px;
  line-height: 40px;
  color: #0253a5;
  font-weight: bold;
  display: block;
}
.so h2 i {
  font-size: 20px;
  line-height: 20px;
  color: #0253a5;
  font-weight: normal;
  display: block;
  margin-top: 20px;
}
.so_s {
  position: relative;
}
.so_con {
  margin-top: 64px;
}
.so_con li {
  float: left;
  width: 150px;
  height: 275px;
  padding-top: 27px;
  box-sizing: border-box;
  border-radius: 8px;
  background: #0253a5;
  margin-right: 10px;
  transition: all 0.3s ease;
  position: relative;
}
.so_con li::after {
  position: absolute;
  left: 50%;
  width: 2px;
  margin-left: -1px;
  height: 50px;
  top: 114px;
  background: #1d70c3;
  content: "";
}
.so_con li.cur::after {
  background: 0;
}

.so_con li.cur {
  width: 416px;
  padding: 27px 44px 0;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0px 7px 21px 0px rgba(0, 0, 0, 0.05);
}
.so_con li em {
  display: block;
  width: 70px;
  height: 70px;
  overflow: hidden;
  margin: 0 auto;
}
.so_con li i {
  display: block;
  font-size: 24px;
  line-height: 24px;
  padding-top: 90px;
  color: #fff;
  text-align: center;
}
.so_con li span {
  display: none;
}
.so_con li.cur span {
  display: block;
  font-size: 16px;
  color: #3c4149;
  line-height: 28px;
  margin-top: 25px;
}
.so_con li.cur em {
  margin: 0 0;
}
.so_con li em {
  display: block;
  width: 70px;
  height: 70px;
  overflow: hidden;
}
.so_con li.cur i {
  display: block;
  font-size: 24px;
  line-height: 24px;
  padding-top: 10px;
  color: #3c4149;
  text-align: left;
}
.so_con li.cur em img:nth-child(1) {
  margin-top: -70px;
}
.so_con li em img {
  display: block;
  width: 70px;
  height: 70px;
}

.so_z img {
  display: block;
  width: 117px;
  height: 117px;
  position: absolute;
 margin-top: -420px;
  right: 40px;
  animation: downup 1s infinite linear;
  -webkit-animation: downup 1s infinite linear;
}

.Company_litle {
  width: 20%;
  float: left;
  background:#0857a7;
height: 707px;
margin-left: 220px;
}

.Company_case {
  font: 30px "Microsoft Yahei";
    font-weight: normal;
  font-weight: normal;
  text-align: center;
  font-weight: bold;
  margin-top: 220px;
}

.Company_case a {
  color: #323232;
  text-decoration: none;
}

.Company_case em {
  display: block;
  color: #fff;
  text-transform: uppercase;
    font-size: 35px;
  margin-top: 30px;
}


.Company_content {
  width: 58%;
  float: right;
}

.Company_aboutkey{
	margin-top:80px;
}
.Company_aboutkey h4 {
 
  font-size: 24px;
  color: #262424;
  /*background: url(../images/dtline.jpg) no-repeat 0 bottom;*/
  margin-bottom: 50px;
}
.Company_aboutkey p {
  font: 17px "Microsoft YaHei";
    line-height: normal;
  line-height: normal;
  color: #262424;
  line-height: 30px;
  padding-top: 30px;
  margin-right: 100px;
}



.case_content.caset li a{ color:#fff;  display:block; height:53px;}

.case{ /*height:840px;*/ margin-top:32px; /*background:url(Img/Index/procase.jpg) no-repeat center 100%; */overflow:hidden;margin-bottom:100px;border-bottom: 1px solid #ebebeb;background: #f7f7f7;}
.case .content{ position:relative;}
.case h3{ width:118px; height:34px; overflow:hidden; position:absolute; top:171px; right:38px;}
.tit2{ height:86px; font:30px "Microsoft Yahei"; text-align:center; font-weight:bold; background:url(Img/Index/case_line.gif) no-repeat center bottom;}
.tit2 a{ color:#323232; text-decoration:none; }
.tit2 em{ display:block; font:30px Arial, Helvetica, sans-serif; color:#ababab; text-transform:uppercase;}
.caset{ height:113px; margin-top:52px; overflow:hidden;/* background:url(Img/Index/case_bg1.gif) repeat-x center top;*/}
.caset li{ /*width:220px;*/ font:18px "Microsoft Yahei"; text-align:center; line-height:103px; /*height:113px;*/ /*background:url(Img/Index/case_line2.gif) no-repeat right top; */float:left;}
.caset li a{ color:#202020;  display:block; /*height:113px;*/}
.caset li a:hover,.caset .cur a{/* background:url(Img/Index/case_bg2.png) no-repeat center top;*/ text-decoration:none;border-bottom-style: solid;
border-bottom-color: red;height: 47px;
color: red;}
.case dl{ height:387px; overflow:hidden; margin-top:36px; float:left; position:relative;}
.case dt{ width:293px; height:387px; overflow:hidden;}
.case dt img{width:100%; height:100%;}
.case dd{ height:80px; background:url(Img/Index/alp.png);width:820px; overflow:hidden; position:absolute; bottom:0; left:0; font:20px "Microsoft Yahei"; font-weight:bold; padding:0 30px;}
.case dd a{ color:#fff; display:block; padding-top:11px;}
.case dd em{ display:block; font:14px "Microsoft Yahei"; color:#fff; padding-top:6px;}
.case dd span a{ display:block; width:72px; height:80px; background:#e62129; font:16px "Microsoft Yahei"; text-align:center; line-height:80px; overflow:hidden; position:absolute; top:0; right:0; padding:0;}
.caset2{ width:300px; float:right; margin-top:36px; overflow:hidden;}
.caset2 li{ width:300px; height:161px; overflow:hidden; position:relative; margin-bottom:2px;}
.caset2 li img{ width:300px; height:200px;}
.caset2 li em{ display:block;text-align:center; width:300px; height:200px; overflow:hidden; position:absolute; top:0; left:0; background:url(Img/alp.png);}
.caset2 li em i{color:#fff;display: block; height: 141px;line-height: 141px; padding: 10px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; }
.caset2 .cur em{ display:none;}

.focus{ height:75px; overflow:hidden;}
.focus2{ width:625px; margin-top:40px; height:525px; overflow:hidden;}
.focus2 dl{ height:164px; overflow:hidden;}
.focus2 dt{ height:43px; font:20px "Microsoft Yahei"; line-height:43px; overflow:hidden; color:#323232;}
.focus2 dt a{color:#323232;}
.focus2 dt em{ display:inline-block; font:24px "Microsoft Yahei"; color:#e62129; background:url(Img/Index/focus_icon.png) no-repeat left top; width:92px; height:43px; line-height:43px; text-align:center; margin-right:8px;}
.focus2 dd{ font:14px "Microsoft Yahei"; color:#7f7f7f; line-height:26px; margin-top:15px;}
.focus2 dd a{ color:#e62129;}
.focus2 .ul01{ height:134px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; overflow:hidden;}
.focus2 .ul01 li{ width:281px; padding:20px 15px; float:left; height:94px; border-right:1px solid #d2d2d2; float:left;}
.focus2 .ul01 li span{ display:inline-block; float:left; width:53px; height:100px;}
.focus2 .ul01 li span a{ display:inline-block;width:53px; height:80px; font:16px Arial, Helvetica, sans-serif; text-align:center; line-height:26px; color:#fff; background:#757575; padding-top:20px;}
.focus2 .ul01 li span a:hover{ background:#e62129;}
.focus2 .ul01 li em{ overflow:hidden;white-space:nowrap; text-overflow:ellipsis; display:inline-block; float:right; width:212px;font:14px "Microsoft Yahei"; color:#323232; margin-top:8px;}
.focus2 .ul01 li em a{ color:#323232;}
.focus2 .ul01 li em i{ white-space:normal;display:block; font:14px "Microsoft Yahei"; color:#7f7f7f; line-height:24px; margin-top:10px;}
.focus2 .ul01 .nones{ border-right:0;}
.focus2 .ul02{ padding-top:18px;}
.focus2 .ul02 li{ font:14px "Microsoft Yahei"; height:36px; line-height:36px; overflow:hidden;}
.focus2 .ul02 li a{ display:block; color:#545454; background:url(Img/Index/focus_dot2.png) no-repeat 10px 14px; padding-left:28px;}
.focus2 .ul02 li a:hover{ background:url(Img/Index/focus_dot1.png) no-repeat 10px 14px;}
.focus2 .ul02 li span{ float:right; color:#545454;}

.new{ width:313px; height:490px; margin-top:40px; overflow:hidden; background:url(Img/Index/dy_bg.gif) no-repeat;}
.new h3{ font:20px "Microsoft Yahei"; height:65px; line-height:65px; overflow:hidden;}
.new h3 a{ color:#e62129; padding-left:15px;}
.new h3 em{ font:16px Arial, Helvetica, sans-serif; color:#b3b3b3; padding-left:5px;}
.new dl{ width:280px; margin:0 auto;}
.new dt{ width:280px; height:235px; border-bottom:1px dashed #c0c0c0; overflow:hidden;}
.new dt img{ width:280px; height:151px;}
.new dt em{ display:block; font:14px "Microsoft Yahei"; line-height:26px; color:#7f7f7f; padding-top:10px;}
.new dd{ padding-top:14px;}
.new dd p a{ overflow:hidden;white-space:nowrap; text-overflow:ellipsis;  display:block; font:14px "Microsoft Yahei"; line-height:36px; height:36px; color:#545454; background:url(Img/Index/dy_jt.png) no-repeat left 13px; padding-left:18px;}

.about{ height:583px; border-bottom:4px solid #d8d8d8; background:#f7f7f7; margin-bottom:50px;}
.about dt{ width:1200px; height:382px; overflow:hidden; position:relative;}
.about dt img{ width:1200px; height:382px;}
.about dt em{ display:block; width:985px; height:40px; font:24px "Microsoft Yahei"; text-align:center; color:#fff000; position:absolute; top:123px; left:0;}
.about dd{ height:201px; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.about dd p{ width:1150px; font:14px "Microsoft Yahei"; line-height:24px; color:#545454; margin:0px auto 0;padding-top:35px; text-align:center;}
.about dd em{ display:block; width:127px; height:37px; margin:22px auto 0; overflow:hidden;}

.td{ height:245px; background:#ededed; overflow:hidden;}
.td h2 { display:block; font:30px "Microsoft Yahei"; text-align:center; height:107px; line-height:107px; color:#585858; overflow:hidden; background:url(Img/Index/td_line.gif) no-repeat center bottom;}
.td p{ height:49px; border-bottom:1px dashed #9f9f9f; overflow:hidden; font:14px "Microsoft Yahei"; line-height:49px;}
.td p span{ font-size:18px; color:#292929;}
.td p a{ color:#757575; display:inline-block; padding:0 10px; text-transform:uppercase;}
.td p a.03{}
.td p img{ vertical-align:middle;}